<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="content-type" content="text/html">
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta name="renderer" content="webkit" />
    <meta property="og:title" content="刘贼强的博客" />
    <title>刘贼强的博客</title>
    <meta name="keywords" content="个人网站模板、企业网站模板分享">
    <meta name="description" content="刘贼强的博客是一个分享网站模板和一些学习及生活中事情的地方。">

<!--<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">-->
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index.css">

    <script src="js/jquery-1.8.3.min.js"></script>
    <script src="js/base.js"></script>
</head>
<body>

<!--index页面的图片-->
<div class="bg_pic"></div>

<!--index页面的头部部分-->
<div class="index_header">
    <div class="base_header">

        <div class="base_header_content">

            <a href="index.html" class="base_header_logo"><img src="img/logo.png"></a>

            <div class="base_header_nav">
                <ul>
                    <!--这里是没有子栏目的样式-->
                    <li><i class="fa fa-caret-right"></i><a href="index.html" class="base_header_nav_active">首页</a></li>

                    <!--顶级导航-->
                    <li class="have_second_navs">
                        <i class="fa fa-caret-right"></i><a href="list.html">博客</a>

                        <!--二级导航有子栏目的时候-->
                        <ul class="nav_child">

                            <li><i class="fa fa-caret-right"></i><a href="list.html">个人</a>

                                <!--三级栏目-->
                                <ul class="nav_child">
                                    <li><a href="list.html">博客类</a></li>
                                    <li><a href="list.html">技术类</a></li>
                                    <li><a href="list.html">学习类</a></li>
                                </ul>

                            </li>

                            <!--二级导航没有子栏目的时候-->
                            <li><a href="list.html">学习</a></li>

                        </ul>
                    </li>



                    <!--顶级导航-->
                 <!--   <li class="have_second_navs">
                        <i class="fa fa-caret-right"></i><a href="add.html">添加</a>


                        &lt;!&ndash;二级导航有子栏目的时候&ndash;&gt;
                        <ul class="nav_child">

                            <li><i class="fa fa-caret-right"></i><a href="list.html">学习</a>

                                &lt;!&ndash;三级栏目&ndash;&gt;
                                <ul class="nav_child">
                                    <li><a href="list.html">css</a></li>
                                    <li><a href="list.html">js</a></li>
                                    <li><a href="list.html">jquery</a></li>
                                </ul>

                            </li>

                            &lt;!&ndash;二级导航没有子栏目的时候&ndash;&gt;
                            <li><a href="javascript:void(0)">学习</a></li>

                        </ul>
                    </li>-->

                    <li>
                        <i class="fa fa-caret-right"></i>
                        <a href="suibi.html">随笔</a>
                    </li>


                </ul>


            </div>

            <!--手机导航部分-->

            <div class="base_nav_menu" id="base_nav_menu" bind_click="true"><span bind_click="true"></span></div>

            <div class="base_nav_zhezao"></div>

        </div>
    </div>
</div>



<!--index页面的身体部分-->
<div class="index_body">

<!--index页面的1280content部分-->
<div class="index_body_content">
<!--index页面循环向左移动盒子开始部分-->
    <div class="index_side_box">
<!--index页面超宽盒子开始部分-->
        <div class="super_width_box">
<!--第一个展示ul-->
            <ul class="ul_one">
<!--ul里面有很多个文章，每个文章以li里面的ul分开-->
                <li>
                    寒窑赋</br>
                    天有不测风云，人有旦夕祸福。</br>
                    ​楚王虽雄，难免乌江自刎、汉王虽弱,却有万里江山。</br>
                    满腹经纶，白发不第；才疏学浅，少年登科。</br>
                    有先贫而后富，有先富而后贫。</br>
                    蛟龙未遇，潜身于鱼虾之间。</br>
                    君子失时，拱手于小人之下。</br>
                    天不得时，日月无光；地不得时，草木不长；水不得时，风浪不止；人不得时，利运不通。</br>
                    盖人生在世，富贵不能移，贫贱不能欺，此乃天地循环，终而复始者也。</br>
                    <!--画两条线代表竹简的连接线-->
                    <div class="shici_line1"></div>
                    <div class="shici_line2"></div>
                </li>
                <li>
                    念奴娇·赤壁怀古</br>
                    苏轼</br>
                    大江东去，浪淘尽，千古风流人物。</br>
                    故垒西边，人道是，三国周郎赤壁。</br>
                    乱石穿空，惊涛拍岸，卷起千堆雪。</br>
                    江山如画，一时多少豪杰。</br>
                    遥想公瑾当年，小乔初嫁了，雄姿英发。</br>
                    羽扇纶巾，谈笑间，樯橹灰飞烟灭。</br>
                    故国神游，多情应笑我，早生华发。</br>
                    人生如梦，一尊还酹江月。</br>
                    <!--画两条线代表竹简的连接线-->
                    <div class="shici_line1"></div>
                    <div class="shici_line2"></div>
                </li>
                <li>
                    易传·《象传》</br>
                    天行健，君子以自强不息</br>
                    地势坤，君子以厚德载物</br>
                    <!--画两条线代表竹简的连接线-->
                    <div class="shici_line1"></div>
                    <div class="shici_line2"></div>
                </li>
            </ul>

            <!--不用放任何元素，js脚本会自动添加-->
            <ul class="ul_two"></ul>
        </div>
    </div>
</div>

</div>


<!--index页面的右侧隐藏的部分，只在手机端显示-->
<div class="base_content_right" style="width: 0;visibility: hidden;height: 0;">

    <div class="base_content_right_item" id="base_content_right_down">
        <div class="base_search">
            <form name="searchform" class="search_form" method="post" action="#" target="_blank">
                <input type="text" class="search_text" required="required" name="keyboard" placeholder="输入关键字搜索">
                <input type="hidden" name="tbname" value="news">
                <input type="hidden" name="show" value="title,smalltext">
                <input type="hidden" name="tempid" value="1">
                <input type="hidden" name="classid" value="1,4,9">
                <input type="submit" class="search_btn" value="" title="搜索">
                <i class="fa fa-search"></i>
            </form>
        </div>



        <!--这里是页面右侧的导航部分-->
        <div class="blog_right_nav">

            <ul id="className">
                <blog_active_and_hover_class class="blog_active_and_hover_class"></blog_active_and_hover_class>
                <li class="blog_lanmu_active"><a href="javascript:void(0)">全部文章</a></li>
                <li><a href="list.html">模板</a></li>
                <li><a href="list.html">代码</a></li>
                <li><a href="list.html">电脑</a></li>
                <li><a href="list.html">手机</a></li>
                <li><a href="list.html">《四书五经》</a></li>
                <li><a href="list.html">《中国史纲》</a></li>
            </ul>

        </div>
        <!--这里是右侧的博客介绍部分-->
        <div class="blog_info">
            <ul>
                <blog_active_and_hover_class class="blog_active_and_hover_class"></blog_active_and_hover_class>
                <li class="blog_lanmu_active"><a href="javascript:void(0)">博客介绍</a></li>
                <li><a href="javascript:void(0)">创建时间:2018年12月12日</a></li>
                <li><a href="javascript:void(0)">创建目的:发布学习心得发布学习心得发布学习心得发布学习心得</a></li>
                <li><a href="javascript:void(0)">文章总数:210</a></li>
                <li><a href="javascript:void(0)">来访人数:210</a></li>
            </ul>
        </div>
        <!--这里是右侧的博主介绍部分-->
        <div class="blog_master_info">
            <ul>
                <blog_active_and_hover_class class="blog_active_and_hover_class"></blog_active_and_hover_class>
                <li class="blog_lanmu_active"><a href="javascript:void(0)">博主介绍</a></li>
                <li><a href="javascript:void(0)">网名：大青牛和穿山甲</a></li>
                <li><a href="javascript:void(0)">座右铭：这里放座右铭，写什么还没想好。</a></li>
                <li><a href="javascript:void(0)">简介：80后，爱研究，爱读书，爱旅游，期盼有一天有能力环游全世界，看遍世界的美丽。</a></li>
            </ul>
        </div>


    </div>



    <div class="base_content_right_item">

        <h3 class="base_content_right_item_title">点击排行</h3>
        <div class="base_content_right_item_list">

            <ul>
                <li><a href="javascript:void(0)">最新文章第一篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                <li><a href="javascript:void(0)">最新文章第二篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                <li><a href="javascript:void(0)">最新文章第三篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                <li><a href="javascript:void(0)">最新文章第四篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                <li><a href="javascript:void(0)">最新文章第五篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                <li><a href="javascript:void(0)">最新文章第六篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                <li><a href="javascript:void(0)">最新文章第七篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                <li><a href="javascript:void(0)">最新文章第八篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                <li><a href="javascript:void(0)">最新文章第九篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                <li><a href="javascript:void(0)">最新文章第十篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                <li><a href="javascript:void(0)">最新文章第十一篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                <li><a href="javascript:void(0)">最新文章第十二篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                <li><a href="javascript:void(0)">最新文章第十三篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                <li><a href="javascript:void(0)">最新文章第十四篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                <li><a href="javascript:void(0)">最新文章第十五篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
            </ul>
        </div>
    </div>


    <div class="base_content_right_item">

        <h3 class="base_content_right_item_title">最新文章</h3>
        <div class="base_content_right_item_list">

            <ul>
                <li><a href="javascript:void(0)">最新文章第一篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                <li><a href="javascript:void(0)">最新文章第二篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                <li><a href="javascript:void(0)">最新文章第三篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                <li><a href="javascript:void(0)">最新文章第四篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                <li><a href="javascript:void(0)">最新文章第五篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                <li><a href="javascript:void(0)">最新文章第六篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                <li><a href="javascript:void(0)">最新文章第七篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                <li><a href="javascript:void(0)">最新文章第八篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                <li><a href="javascript:void(0)">最新文章第九篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                <li><a href="javascript:void(0)">最新文章第十篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                <li><a href="javascript:void(0)">最新文章第十一篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                <li><a href="javascript:void(0)">最新文章第十二篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                <li><a href="javascript:void(0)">最新文章第十三篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                <li><a href="javascript:void(0)">最新文章第十四篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                <li><a href="javascript:void(0)">最新文章第十五篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
            </ul>

        </div>
    </div>
</div>

<!--index页面的底部部分-->
<div class="index_footer">
<div class="base_footer">
    <ul>
        <li><a href="https://wpa.qq.com/msgrd?v=3&uin=446157433&site=qq&menu=yes" target="_blank" title="QQ:446157433"  class="base_footer_qq"><i class="fa fa-qq"></i></a></li>
        <li><a href="mailto:446157433@qq.com" target="_blank" title="邮箱：446157433" class="base_footer_email"><i class="fa fa-envelope"></i></a></li>
        <li><a href="javascript:void(0)" title="扫描微信二维码联系我们" class="base_footer_weixin"><i class="fa fa-weixin"></i><img src="img/erweima.png"></a></li>
    </ul>

    <span class="base_footer_text">Copyright © 2019-2020 Power by 刘贼强的博客</span>
    <span class="base_footer_text">ICP备案号：<a href="http://www.beian.miit.gov.cn/">XXXXXXXXXX</a></span>
</div>
</div>

</body>
</html>